@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;     box-sizing: border-box; }
html, body { width: 100%;     font-family: '微软雅黑'; font-size: 14px; }
img { border:none ;max-width:100%;     text-align-last: center;    vertical-align: middle; display: block;}
a { color:#333;text-decoration:none; }
a:hover { color:#0b418e ;text-decoration:none;}
ul { list-style:none;}
li{ list-style-type :none;}
#map span{ overflow: inherit;  }
#map img{ max-width: none; }
.clear {clear:both;    float: none!important;    background: none;    width: 0 !important;    height: 0 !important;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.w1200 { max-width:1600px; margin: 0 auto; width:90%;}
.span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;}
.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fl{float: left;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
table
{
    border-collapse:collapse;
}
tr{    border: 1px solid black!important;}
td{    border: 1px solid black!important;}
.banner_sy .swiper-pagination-bullet:only-child{display: inline-block!important;}
  .banner_sy  .swiper-container {
      width: 100%;
      height: 100%;
    }

    .banner_sy .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



.yeeyu{
    text-align: center;
}
.yeeyu_tt{
    font:600 30px/45px "Microsoft Yahei";
    color: #333;
    margin-top: 4%;
}
.yeeyu_yy{
    font:400 16px/40px "Microsoft Yahei";
    color: #333;
}
.hezuo_img img{
    width: 100%;
    height: auto;
    border:#d9d9d9 1px solid;
}
.hezuo{
    overflow: hidden;
    margin-top: 2%;
    position: relative;
    padding-bottom:30PX;
}
.hezuo .swiper-container-horizontal>.swiper-pagination-bullets,.hezuo .swiper-pagination-custom, .swiper-pagination-fraction{
    BOTTOM:0;
}
.aniunug{
    text-align: center;
    margin-top: 1.4%;
}
.aniunug .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #666666;
    opacity: 1.2;
}
.aniunug .swiper-pagination-bullet-active{
    background: #0098db;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.nav{z-index: 9999;    position: fixed; top:0; left: 0;  transition: all .5s; overflow: hidden;background: rgba(10,10,10,0.65);    border-bottom: 1px solid rgba(255,255,255,0.5);  width: 100%; height:106px;display:flex;align-items:center; }
.nav .logo{ width: 16%; padding: 15px 0; float: left;}
.nav .logo img{ filter: grayscale(100%) brightness(500%);   transition: all .5s; }

.nav.active{background: #fff;}
.nav.active .logo img{display: block; filter: none;}
.nav.active .nav_ul > li > a{ color: #000;}

.nav:hover{background: #fff;}
.nav:hover .logo img{display: block; filter: none;}
.nav:hover .nav_ul > li > a{ color: #000;}

.nav .nav_ul{ float:left; width: calc(100% - 16% - 140px); margin:13px 1% 0 7%; }
.nav .nav_ul > li { float: left; position:  relative; width:calc((100% - 80px )/ 8);  }
.nav .nav_ul > li > a{   line-height: 80px;    font-size: 18px;    color: #fff;    text-align: center;    font-weight: bold; transition: all .5s; display: block;}

.nav .nav_ul > li > a:after {    content: attr(data-title);    position: absolute;    top: 0;    left: 0;    transform: translateY(100%);    
	width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;   color: #0b418e; display: block;  transition: all .5s;}
.nav .nav_ul > li:hover > a{  transform: translateY(-100%) ; transition: all .5s;  }
.nav .nav_ul > li:hover > a:after{ display: block; }
.nav .nav_ul > li::before{ content: "";    display: block; width: 0%; height: 4px; position: absolute; bottom: 0px; left: 50%; background: #0b418e; transform: translateX(-50%);     transition: all .5s ease; opacity: 0;  }
/*.nav .nav_ul > li.on::before{ content: "";    display: block;  width: 100%; opacity: 1;height: 4px; position: absolute; bottom: 0; left: 0; background: #0b418e;  z-index: 999  ;transform: translateX(0%);   }*/
.nav .nav_ul > li:hover::before{ width: 100%; opacity: 1 ; }

.nav .nav_ul > li.ss{ width:80px;}
.nav .nav_ul > li.ss img{  padding: 26px 24px;filter: grayscale(100%) brightness(500%); }
.nav.active .nav_ul > li.ss img{filter: grayscale(100%) brightness(00%);}
.nav:hover .nav_ul > li.ss img{filter: grayscale(100%) brightness(00%);}

.nav_tel{position: relative; width: 18%; float: right;} 
.nav_tel a{display: block; padding: 0 0 0 40px; background: url(../images/c1.png) no-repeat left center; font-size: 22px; line-height: 100px; color: #fff; font-weight:bold; float: right; z-index: 2; position: relative; background-size: 36px;}
.nav_tel:after{ content: ""; display: block; width: 600px; height: 100px; position: absolute; top: 0; left: 0px; background: #dd1d18; z-index: 1;  transition: all .5s;}
.nav:hover .nav_tel:after{ content: ""; display: block; width: 600px; height: 100px; position: absolute; top: 0; left: 0px; background: #0b418e; z-index: 1;}
.nav.active .nav_tel:after{ content: ""; display: block; width: 600px; height: 100px; position: absolute; top: 0; left: 0px; background: #0b418e; z-index: 1;  transition: all .5s;}

.ss_cont{ position: fixed; top: 80px; left: 0; width: 100%; height: 25%; background:rgb(255 255 255 / 60%); z-index: 999; display: none;}
.ss_cont form{ position: absolute; width: 60%; left: 20%; top: 50%; line-height: 40px; }
.ss_cont form .key{ width: 100%; border: 1px solid #f0f0f0; line-height: 40px; border-radius: 0 15px 15px 0; padding: 0 0 0 40px; background: url(../images/ss.png) no-repeat 5px center #fff;}
.ss_cont form button{    position: absolute;    top: 0;    right: 0;    height: 42px;    width: 100px;    border: none;    background: #0b418e; color: #fff; border-radius: 0 15px 15px 0; cursor: pointer;}
.ss_cont .x{ width: 30px; position: absolute; right: 15%; top: 40%; cursor: pointer;}


.nav .nav_ul h2{ color: #000;}
.nav .nav_ul .nav_cont{float:left; width: 100%; padding: 30px 0 60px;}
.nav .nav_ul > li > ul{ position: fixed; left: 0%; top: 80px; display: none; z-index: 999; transition: all .5s; border-top: 1px #efefef solid;  background: #fff; }
.nav .nav_ul > li:hover > ul{ display: block; width:100%; background:url(../images/b2.jpg) no-repeat bottom center #fff; }
.nav .nav_ul > li:hover > ul li { width:calc(( 100% - 100px ) / 3);    padding: 0 35px; float: left;  margin: 0px 0 20px 0;}
.nav .nav_ul > li:hover > ul li:nth-child(3n){ margin: 0px 0 20px 0;}
.nav .nav_ul > li:hover > ul li a{ width:100%;  display: block; padding: 30px 0 30px 2px; color: #000; font-size: 18px; position: relative; border-bottom: 1px solid #ccc;transition: all .5s;}
.nav .nav_ul > li:hover > ul li a:after{     content: "";    display: table; width: 0px; height: 1px; position: absolute; bottom: 0PX; left: 0px; background: #000;transition: all .5s; }
.nav .nav_ul > li:hover > ul li:hover a{ color: #0b418e; padding: padding: 30px 0 30px 18px;  }
.nav .nav_ul > li:hover > ul li:hover a:after{     content: "";    display: table; width: 100%; height: 1px; position: absolute; bottom: 0PX; left: 0px; background: #000;  }

.nav .nav_ul > li:hover > ul li a::before{content: ""; display: block; width: 15px; height: 15px; position: absolute; top:calc(50% - 6px); right: 0px; transition: all .1s; 
background: url(../images/nav2.png) no-repeat; background-size: 100%;}
.nav .nav_ul > li:hover > ul li:hover a::before{content: ""; display: block; width: 15px; height: 15px; position: absolute; top:calc(50% - 6px); right: 10px; transition: all .1s; background: url(../images/nav1.png) no-repeat; background-size: 100%;}

.banner {position: relative;z-index: 1;margin-top:106px;}
.banner h2{width: 300px;position: absolute;display: block;line-height: 36px;top:calc(50% - 18px);color: #fff;font-size: 32px;}
.banner h2:after{     content: "";    display: block; width: 70px; height: 3px; position: absolute; top: 60px; left: 0; background: #fff;     }

.banner_sy .w1200{position: absolute; height: 100%;     transform: translateY(30%); opacity: 0;}
.banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size: 36px;    font-weight: bold}
.banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #0b418e;     }
.banner_sy h4{ position: absolute; top: calc(32% + 60px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 24px;   font-weight: 100;}
.banner_sy a{ position: absolute; top: calc(32% + 90px) ;left: 0;  display: inline-block;    font-size: 16px;    background-color: #0b418e;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}

.banner_sy .swiper-slide-active .w1200{  transition: all 2s ease .5s;    transform: translateY(0);    opacity: 1;}


.black0{ background:url(../images/a1.png) #f0f0f0 center left 160px no-repeat; padding: 50px 0 80px; position: relative;}

.black0_cont{ margin: 50px 0 30px; }
.black0_left{ width: 50%; float: left; padding: 00px 50px 0 0;}
.black0_left h3{ color: #333; font-size: 50px;}
.black0_left h4{color: #015696; font-size: 32px; line-height: 64px; border-bottom: 3px solid #015696; l}
.black0_left p{ margin: 20px 0; line-height: 32px; color: #808080;}
.black0_left .gd{ line-height: 44px; width: 180px; text-align: center; display: table; color: #fff; position: relative; border:#0b418e solid 1px; z-index: 999}
.black0_left .gd::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1;transition: all .5s;}
.black0_left .gd:hover{ color: #0b418e;}
.black0_left .gd:hover::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1}

.black0_right{ width: 50%; float: right; overflow: hidden;}
.black0_right img{ width: 100%; transition: all .5s;}
.black0_right img:hover{transform:scale(1.2);}

.black0 ul{ padding: 50px 20px 50px; background: #fff; background-color: #0b418e;    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%); margin: 50px 0 0;}
.black0 ul li{  float: left; margin: 15px 0; margin: 0 0 0 0px;    width: 25%; position: relative; text-align: center;}
.black0 ul li h3{font-size: 50px;    color: #fff;    line-height: 40px;    font-weight: bold;    display: inline-block;}
.black0 ul li i{font-size: 16px;    color: #fff;    text-align: right;    display: inline-block;    font-style: normal; padding: 0 8px}
.black0 ul li p{    color: #fff;    font-size: 16px;    line-height: 30px; text-align: center;  }


.black1{ margin: 50px 0;}
.black1_tit{ position: relative; }
.black1_tit h2{ color: #333; position: relative; font-size: 40px; text-align: left; font-weight:bold;}
.black1_tit h2:after{     content: "";    display: block; width:80px; height: 4px; position: absolute; top: 65px; left: 0; background: #0b418e;     }

.black1_tit .gd{position: absolute; z-index: 9; right: 0; top: 15px;}
.black1_tit .gd a{ line-height: 44px;  text-align: center; display: block; color: #fff;  border:#0b418e solid 1px; float: left; margin: 0 0 0 10px; position: relative; max-width: 160px; padding: 0 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }
.black1_tit .gd a::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1;transition: all .5s;}
.black1_tit .gd a:hover{ color: #0b418e;}
.black1_tit .gd a:hover::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1}

.black1 ul{ margin: 50px 0;}
.black1 ul li{ width: calc((100% - 60px) / 4 ); float: left; margin: 0 20px 30px 0; border: 1px solid #ccc; overflow: hidden;}
.black1 ul li:nth-child(4n){ margin:0 0 30px 0; }
.black1 ul li h3{    color: #151515;    font-size: 1rem;    height: 70px;    line-height: 70px; text-align: center; position: relative; z-index: 999; padding: 0 0 0 10%; }

.black1 ul li h3 img{ position: absolute; top: 8px; left: 8px; filter: grayscale(100%) brightness(00%); width: 20px; height: 20px;  transition: all .5s;}
.black1 ul li h3::after{    content: '';    position: absolute;    left: -170px;    top: -70px;    width: 140px;    height: 140px;    background-color: #015696;    transform: rotate(45deg);    transition: all .5s ease;  transition: all .5s;}
.black1 ul li a .black1_ico{ overflow: hidden;}
.black1 ul li a .black1_ico > img{ width: 100%; padding: 10px;  transition: all .5s;}

.black1 ul li:hover h3 img{ position: absolute; top: 8px; left: 8px; filter: grayscale(100%) brightness(500%); width: 20px; height: 20px; z-index: 99 }
.black1 ul li:hover h3::after{    content: '';    position: absolute;    left: -100px;    top: -70px;    width: 140px;    height: 140px;    background-color: #015696;    transform: rotate(45deg);    transition: all .5s ease;}
.black1 ul li:hover a .black1_ico > img{transform:scale(1.2);}


.black2{ background-attachment: fixed;padding: 80px 0; background-repeat: no-repeat; }
.black2_tit{ position: relative; }
.black2_tit h2{ color: #fff; position: relative; font-size: 40px; text-align: left; font-weight:bold;}
.black2_tit h2:after{     content: "";    display: block; width:80px; height: 4px; position: absolute; top: 65px; left: 0; background: #fff;     }
.black2_tit p{ margin: 30px 0 0 0; color: #fff;}
.black2_tit .gd{ position: absolute;   z-index: 9; right: 0; top: 15px;}
.black2_tit .gd a{ line-height: 44px; width: 180px; text-align: center; display: table; color: #fff;  border:#0b418e solid 1px; float: left; position: relative;}
.black2_tit .gd a::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1;transition: all .5s;}
.black2_tit .gd a:hover{ color: #0b418e;}
.black2_tit .gd a:hover::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1}

.black2_li{ overflow: hidden; margin: 50px 0; position: relative;}
.black2_li .swiper-slide{ position: relative; }
.black2_li .black3_p{ position: absolute; width: 100%; height: 100%;  text-align: center; top: -100%; left: 0; background: hsla(0,0%,0%,0.56); color: #fff;transition: all .5s;}
.black2_li .black3_p span{ position: absolute; text-align: center; top: -100%; left: 0;display: block; width: 100%; font-size: 18px;transition: all .5s;}
.black2_li .swiper-slide:hover .black3_p{top:0%;}
.black2_li .swiper-slide:hover .black3_p span{top:45%;}

.swiper-button-prev{ background: url(../images/fl.jpg) no-repeat center!important; width: 40px!important; height: 40px!important;}
.swiper-button-next{ background: url(../images/fr.jpg) no-repeat center!important; width: 40px!important; height: 40px!important;}
.swiper-button-prev:after{ content:""!important}
.swiper-button-next:after{ content:""!important}

.black3{ background-repeat: repeat-y;    background-attachment: fixed;  background-repeat: no-repeat;   background-position: center center; padding: 80px 0;}
.black3 .black3_left{ width: 30%; display: inline-block;}
.black3 .black3_left p{ font-size: 20px; line-height: 36px;} 
.black3 .black3_left h3{color: #000; position: relative; font-size: 40px; text-align: left; font-weight:bold; line-height: 52px; margin: 0 0 30px 0 ;}
.black3 .black3_left span{ display: block; line-height: 32px;color: #000; font-size: 16px; position: relative; padding: 0 0 0 16px;}
.black3 .black3_left span::after { content: ""; display: block; width: 4px; height: 4px; position: absolute; top: calc(50% - 2px); left: 0;  background:#0b418e; position: absolute;}
.black3 .black3_left a{ display: block;     color: #0b418e;    text-align: left;    font-size: 16px;    line-height: 52px;    position: relative; transition: all cubic-bezier(.23,1,.32,1) .6s;    border-bottom: 1px solid #0b418e;}
.black3 .black3_left a.a1{ margin: 30px 0 0;}
.black3 .black3_left a:after {    content: '→';    position: absolute;    width: 15px;    height: 100%;    color: #0b418e;    right: 2px;    top: 0px;}

.black3 ul{  width: 68%; display: inline-block; vertical-align: bottom; }
.black3 ul li{ float:right; background: rgba(0,0,0,0.5); text-align: center;     padding: 3% 8%; margin: 0;} 
.black3 ul li:nth-child(1){}
.black3 ul li:nth-child(2){clear: both; background: #0b418e;}
.black3 ul li:nth-child(3){}

.black3 ul li h3{font-size: 46px;    color: #fff;    line-height: 60px;    font-weight: 500;    display: inline-block;}
.black3 ul li i{font-size: 16px;    color: #fff;    text-align: right;    display: inline-block;    font-style: normal; padding: 0 8px}
.black3 ul li p{    color: #fff;    font-size: 14px;    line-height: 36px; text-align: center;  }

.black4{ background-attachment: fixed;padding: 80px 0; background-repeat: no-repeat; }
.black4_tit{ position: relative; margin: 0 0 20px; }
.black4_tit h2{ color: #000; position: relative; font-size: 40px; text-align: left; font-weight:bold;}
.black4_tit h2:after{     content: "";    display: block; width:80px; height: 4px; position: absolute; top: 65px; left: 0; background: #0b418e;     }
.black4_tit > p{ margin: 30px 0 0 0; color: #000; width: 70%;}
.black4_tit .gd{ line-height: 44px; width: 180px; text-align: center; display: table; color: #fff; position: absolute; border:#0b418e solid 1px; z-index: 9; right: 0; top: 15px;}
.black4_tit .gd::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1;transition: all .5s;}
.black4_tit .gd:hover{ color: #0b418e;}
.black4_tit .gd:hover::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0px; left: 0;  background:#0b418e; position: absolute; z-index: -1}

.black4_left{ width: 48%; float: left; position: relative;  }
.black4_left img{  }

.black4_left .black4_li{display: flex; background: #f7f7f7; padding: 10px 20px;}
.black4_left .black4_li .time{ padding: 20px 30px 0 10px;  }
.black4_left .black4_li p.p1{    font-size: 30px;    color: #555;    text-align: center;}
.black4_left .black4_li p.p2{    font-size: 16px;    color: #555;    text-align: center;}
.black4_left .black4_li a{ padding: 10px 0 10px 25px; border-left: 1px solid #ddd; position: relative; }
.black4_left .black4_li a::after{     content: "";    display: block; width: 1px; height:0px; position: absolute; top: 0px; left: -1px; background: #0b418e; transition: all 1s;  z-index: 1; transition: all .5s;  }
.black4_left .black4_li a:hover::after{     content: "";    display: block; width: 1px; height:100%; position: absolute; top: 0px; left: -1px; background: #0b418e; transition: all 1s;  z-index: 1;  }
.black4_left .black4_li span{font-size: 16px;    overflow: hidden;    font-weight: bold;}
.black4_left .black4_li p.p3{font-size: 14px;    height: 46px;    line-height: 26px;    color: #999;    display: -webkit-box;    overflow: hidden;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    text-overflow: ellipsis;    margin-bottom: 28px; font-weight: normal; margin: 10px 0;}


.black4_right{ float: right; width: 48%; }
.black4_right li{ display: flex; margin: 0 0 26px;}
.black4_right li:nth-child(4n){ margin: 0; }
.black4_right li .time{ padding: 0 30px 0 10px;  }
.black4_right li p.p1{    font-size: 30px;    color: #555;    text-align: center;}
.black4_right li p.p2{    font-size: 16px;    color: #555;    text-align: center;}
.black4_right li a{ padding: 10px 0 10px 25px; border-left: 1px solid #ddd; position: relative;}
.black4_right li a::after{     content: "";    display: block; width: 1px; height:0px; position: absolute; top: 0px; left: -1px; background: #0b418e; transition: all 1s;  z-index: 1; transition: all .5s;  }
.black4_right li a:hover::after{     content: "";    display: block; width: 1px; height:100%; position: absolute; top: 0px; left: -1px; background: #0b418e; transition: all 1s;  z-index: 1;  }
.black4_right li span{font-size: 16px;    overflow: hidden;    font-weight: bold;}
.black4_right li p.p3{font-size: 14px;    height: 46px;    line-height: 26px;    color: #999;    display: -webkit-box;    overflow: hidden;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    text-overflow: ellipsis;    margin-bottom: 28px; font-weight: normal; margin: 10px 0;}


.footer{ padding: 60px 0 80px; background-repeat: no-repeat; }
.footer .foot_img{ filter: grayscale(100%) brightness(500%);  margin: 0 0 40px; }

.footer .foot1{ width: 36%; float: left; }
.footer .foot1 p{ color: #aeaeae;  width: 75%; display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;    overflow: hidden; line-height: 32px;}
.footer .foot1 a{ display: block; color: #fff; margin: 20px 0 0;}

.footer .foot2{width: 34%; float: left;  margin: 0 0 0 5%;}
.footer .foot2 span{     font-size: 24px; color: #a9a9a9; margin-bottom: 10px; display: block;}
.footer .foot2 .foot2_txt{color: #a9a9a9; font-size: 16px; line-height: 32px; margin: 0 0 20px; font-weight: 500;}
.footer .foot2 a.foot_a{ float:left; margin: 0 10px 0  0;display: block;}
.footer .foot2 img{ width: 30px; } 

.footer .foot3 { width: 24%;float: right;}
.footer .foot3 span{     font-size: 24px; color: #a9a9a9; margin-bottom: 10px; display: block;}
.footer .foot3 ul{ width: 100%;}
.footer .foot3 li{ width: 100%;}
.footer .foot3 li a{ display: block; line-height: 32px; border-bottom: 1px solid #babbba; color: #babbba; text-indent: 5px; position: relative; margin: 8px 0 0 0}
.footer .foot3 li a::after{content: '→';    position: absolute;    width: 15px;    height: 100%;    color: #babbba;    right: 18px;    top: 0px;}

.foot{ background: rgb(51, 51, 51); color: rgba(255,255,255,0.47); line-height:30px;text-align: center;padding:10px 0}
.foot a{color: rgba(255,255,255,0.47); }
.foot a:hover{color: rgba(255,255,255,0.67);}
.link{line-height: 32px; padding: 12px 0; margin: -56px auto 0;} 
.link a{  color: #333;  margin: 0 6px;}

.dq{   margin: 0px 0 30px; }
.dq .w1200 {  padding: 30px 0; background: #fff;}
.dq .w1200 > a{display: block; padding: 0 30px; float: left; font-size: 16px; position: relative;} 
.dq .w1200 > a.en{ color: #0b418e;}
.dq .w1200 > a::after{     content: "";    display: block; width: 0%; height: 0%; position: absolute; bottom: -30px; left: 50%; background: #0b418e;  transition: all .5s;   }
.dq .w1200 > a:hover::after{     content: "";    display: block; width: 80%; height:3px; position: absolute; bottom: -30px; left: 10%; background: #0b418e;    }
.dq .w1200 > a::before{  content: "";  display: block; width: 1px; height: 20px; position: absolute; top: calc(50% - 10px); left:0%; background: #ccc;   }
.dq .w1200 > a:nth-child(1)::before{ display: none;}
.dq .wz{   float: right; font-size: 14px; background: url(../images/b4.png) no-repeat left center;  padding: 0 0 0 34px; background-size: 24px;  color: #555;}
.dq .wz a{ margin: 0 20px; color: #555;}


.page-status{display: none!important;}
.page{width:100%;text-align:center; padding:30px 0; clear: both;}
.page span,.page a{ display:inline-block; line-height: 24px; margin-right:5px;line-height:21px; text-align:center;color:#333;font-size:12px}
.page span{font-weight:bold;color:#fff;}
.page a{color:#333; border: 1px #ccc solid; border-radius: 10px; margin: 0 10px; padding: 3px 11px;}
.page a:hover{font-weight:bold;color:#0b418e;}
.page span.next,.page a.next{ width:51px; height:21px; }
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a.page-num-current{background:#0b418e; color: #fff;}

/***********************************************************************************************************/

.about{ background: #f5f5f5; padding: 60px 0 80px ;}
.about > .w1200{ background: #fff; padding: 30px 30px ;}

.about .about_right{ width: 45%; overflow: hidden; float:right; position: relative;}
.about .about_right img{ transition: all .5s; display: block; padding: 20px 0;position: relative;z-index: 9; width: 94%;}
.about .about_right img:hover{   }
.about .about_right1::after{ content: ""; display: block; width:100px; height:calc( 100% + 40px); position: absolute; top: 0px; right: 0%; background: #0b418e;  transition: all .5s; z-index: 0;}
.about .about_left{ width: 52%; float: left; padding: 10px; line-height: 26px;}

.about_cont2{ background:url(../images/b4.jpg) no-repeat; padding: 50px 0 50px 100px; }
.about_cont2 span{ line-height: 48px;color: #Fff!important;  }

.about_cont{  width: calc(100% - 0px); background: #fff;} 

.about_list{ width: calc(100% - 0px); padding: 20px }
.about_list li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 30px 0; background: #f6f6f6;}
.about_list li:nth-child(4n){ margin:  0 0px 30px 0;}
.about_list li .ioc{overflow: hidden; margin: 0 auto; padding: 20px;width: 98%; }
.about_list li img{ transition:all .5s; max-height: 100%; max-width: 100%;    margin: 0 auto;}
.about_list li p{ text-align: center; line-height: 64px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  width: 100%; background: #fff;    border: 1px solid #f5f5f5; font-size: 16px;} 
.about_list li:hover img{ transform:scale(1.1); }
.about_list li:hover p{ background: #0b418e; color: #fff;}
.about_list .page{ margin: 20px 0 50px;}


.pro{ background: #f5f5f5; padding: 60px 0 80px ;}
.pro > .w1200{ background: #fff; padding: 30px 30px ;}

.pro_left{ width: 25%; float:left;}
.pro_left h2{ background:#0b418e ; text-indent: 15px; line-height: 50px; color: #fff; display: block;    font-size: 16px;    max-width: 600px;}
.pro_left ul{    background:#f5f5f5; width: 100%; padding: 0 0 20px; margin: 0 0 30px;}
.pro_left ul li { width: calc(100% - 30px); background: #fff; margin: 15px auto 0px;}
.pro_left ul li a{ padding: 10px; display: block; }
.pro_left ul li:hover {background:#0b418e ; }
.pro_left ul li:hover  a{color: #fff; }

.pro_left_tel{ width: calc(100% - 30px); margin: 15px auto 0px; line-height: 32px; }

.pro_right{float:right; width: 73%;}
.pro_right ul{ background: #fff; padding: 30px 20px;}
.pro_right ul li{ float: left; width: calc((100% - 66px) / 3); margin: 0 30px 30px 0; }
.pro_right ul li:nth-child(3n){ margin: 0 0 30px 0;}
.pro_right ul li .ioc{ overflow: hidden; border: 1px solid #f2f2f2; border-bottom: none;}
.pro_right ul li .name{ line-height: 48px; background: #fff; padding: 0 20px ;    border: 1px solid #f2f2f2;}
.pro_right ul li p{ border-bottom: 1px #ccc solid; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_right ul li span{ display:block; text-align: left; width: 100%; background: url(../images/img3.png) no-repeat right center; transition:all .5s;}
.pro_right ul li img{transition: all .5s;}
.pro_right ul li:hover img{ transform:scale(1.2); }
.pro_right ul li:hover span{ display:block; text-align: left; width: 100%; background: url(../images/img4.png) no-repeat right center;}

.pro_right1{float:right; width: 73%;}

.pro_top{ background: #fff; padding: 0px;}
.pro_img{ width: 45%; float: left;}
		.slideBox{ width:100%; height:480px; overflow:hidden; position:relative; border:1px solid #ddd;  background: #fff;}
		.slideBox .hd{ height:60px; overflow:hidden; position:absolute; left:15%; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:60px; height:60px; text-align:center;border:#ccc 3px solid; }
		.slideBox .hd ul li.on{ border:#d61b20 3px solid; }
		.slideBox .hd ul li a{ display: block}
		.slideBox .bd{ position:relative;    width: 90%;    margin: 0 auto; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:100%; display:block;  }
.pro_tit{ width: 50%; float: right;}
.pro_tit h2{ font-size: 20px;  }
.pro_tit .info{ margin: 30px 0; line-height: 32px;}
.pro_tit .pro_tel{ padding: 0px 24px; background: #0b418e;display: inline-block; color: #fff; font-size: 16px; line-height: 42px;}

.pro_txt{ margin: 20px 0; background: #fff;}
.pro_txt_xq{ border-bottom: 1px #ccc solid;}
.pro_txt_xq h2{ background:#0b418e; padding: 15px 40px; display: table; color: #fff; font-size:18px;}
.pro_cont{ padding: 10px;}
.pro_cont span{ white-space:inherit; display: block;}
.sx{ margin: 80px 0 30px; border-bottom: 1px #ccc solid; line-height: 56px;}
.sx a.s{float: left;}
.sx a.x{float: right;}

.xgcp{background: #fff; margin: 20px 0 20px; border-top: 20px #f7f7f7 solid;}
.xgcp ul{padding: 20px; overflow: hidden;}
.xgcp ul li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 0px 0; border:solid #ddd 1px;}
.xgcp ul li:nth-child(4n){ margin:  0 0px 0px 0;}
.xgcp ul li p{ text-align: center; line-height: 42px; color: #fff; background: #ddd;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;}
.xgcp ul li:hover p{ background: #0b418e; }

.job_list{ padding: 50px;}
.job_list ul{ border-bottom: 1px solid #ccc; position: relative;}
.job_list ul li{float: left; line-height: 60px; font-size: 16px; text-indent: 10px;}
.job_list ul li.name{ width:20%;}
.job_list ul li.add{width: 25%;}
.job_list ul li.time{width: 20%;}
.job_list ul li.daiyu{width: 20%; color: #CB0003; font-weight: bold;}
.job_list ul li.gengduo{width: 15%; background: url(../images/plus.png) no-repeat right center; color: #666666; cursor: pointer;}
.job_list .job_cont{width: 100%;padding: 20px; border-top: 1px solid #CB0003; display: none;}
.job_list .job_cont1{ }
.job_list .job_cont1 > p{ width: 25%; float: left; display: table; line-height: 32px;}
.job_list .job_cont2{ width: 100%; clear: both; padding: 20px 0 0; display: block;}


.contact{background: #f5f5f5; padding: 60px 0 0px ;}
.contact .w1200{ background: #fff;  padding: 30px 30px ; width: 90%;}
.contact .w1200 > h2{ color: #333; font-size: 36px; padding: 0 0 20px 0; font-weight: normal; border-bottom: 1px solid #ccc;}
.contact > .w1200{padding: 50px 5% ;}
.contact .w1200 p{ font-size: 16px; line-height: 36px;}
.contact .w1200 ul{ margin: 30px 0;}
.contact .w1200 ul li{ float:left; width: calc( 100% / 3); }
.contact .w1200 ul li h3{ font-size: 60px; color: #0b418e; font-weight: normal;} 
.contact .w1200 ul li h4{ font-size: 24px; color: #333; font-weight: normal;}
.contact .w1200 ul li p{ line-height: 24px; margin-top: 20px; font-size: 16px; color: #666; }

.contact_right{ width: 60%; float: right;}

.map{ background: #f6f6f6;  }
.map .w1200{ background: #fff;  padding: 60px 0px ;}

.contact_ly{ background: #f6f6f6; padding: 0px 0 60px;}
.contact_ly .w1200{ background: #fff; width: 90%; padding: 0 0 30px;}
.contact_ly > .w1200{padding: 50px 5% ;}
.contact_ly h2{ font-size: 36px; font-weight: bold; position: relative; text-align: center; margin: 0 0 50px;}
.contact_ly h2 strong{ color:#0b418e;  }
.contact_ly h2:after{     content: "";    display: block; width: 80px; height: 3px; position: absolute; top: 66px; left: calc(50% - 40px); background: #0b418e;     }

.contact_ly form{    margin: 0 auto;}
.contact_ly textarea{ width: 100%; padding: 15px; font-size: 14px!important; border: #d2d2d2 1px solid;}
.contact_ly input{ margin: 20px 0 0; width: 48%; line-height: 36px; text-indent: 18px; font-size: 14px!important;border: #d2d2d2 1px solid;} 
.contact_ly input:nth-child(2n-1){ float:right}
.contact_ly input:nth-child(2n){ float:left}
.contact_ly input.ewm1{ width: 100%; }
.contact_ly .ewm{ position: relative;    float: right; width: 48%; }
.contact_ly .ewm input{ width: 100%;}
.contact_ly .ewm img{ position: absolute; top: 22px; right:2px;  height: 36px;}
.contact_ly button{ width: 100%; background: #333; margin: 20px 0 0; color: #fff; border: 0; line-height: 48px; cursor: pointer; font-size: 16px; transition:all .5s;}
.contact_ly button:hover{ background: #0b418e; }




.news{ background: #f5f5f5; padding: 60px 0 80px ; }
.news > .w1200{ background: #fff; padding: 30px 30px ;}
.news .news_list{ margin: 30px auto 0; width: 92%;}
.news .news_list li{  width: calc((100% - 100px) / 3); float: left;  margin: 0 50px 50px 0; }
.news .news_list li:nth-child(3n){ margin: 0 0 50px 0;}
.news .news_list li a{border-top: #ededed 1px solid; display: block; position: relative; }
.news .news_list li a::after{content: '';    position: absolute;    width: 0px;    height: 1px;    background: #afafaf;    left: 0px;    top: 0px;transition:all .5s;}
.news .news_list li .time { margin: 26px 0 10px;    font-size: 14px;    line-height: 24px;    letter-spacing: .25px;    color: #777; }
.news .news_list li h3{font-size: 20px;    min-height: 48px;    line-height: 1.2;    font-weight: bold;    color: #373c41; margin: 10px 0 0; transition:all .5s;}
.news .news_list li .news_txt{ margin: 00px 0 30px;     font-size: 16px;    color: #777;    line-height: 28px;    letter-spacing: .25px;    display: -webkit-box;
    overflow: hidden;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    text-overflow: ellipsis;}
.news .news_list li span{ font-size: 14px; line-height: 1.5; font-weight: bold;  color: #777; margin: 30px 0 0 ; display: table; position: relative; transition:all .5s;}
.news .news_list li span::after{content: '→';    position: absolute;    width: 15px;    height: 100%;    color: #777;    right: -24px;    top: 0px; transition:all .5s;}

.news .news_list li:hover a::after{content: '';    position: absolute;    width: 100%;    height: 1px;    background: #afafaf;    left: 0px;    top: 0px;  }
.news .news_list li:hover h3{ color:#0b418e; }
.news .news_list li:hover span{  color: #0b418e; }
.news .news_list li:hover span::after{content: '→';    position: absolute;    width: 15px;    height: 100%;    color: #0b418e;    right: -24px;    top: 0px;}

.news_conts{padding: 50px; background: #fff;}
.news_conts h2{ font-size: 22px; border-bottom: 1px solid #ccc; line-height: 56px; text-align: center; font-weight: normal;}
.news_t{ line-height: 36px;}
.news_t span{ margin: 0 42px 0 0; color: #595959}
.news_into{padding: 20px; line-height: 24px; background: #e6f7ff; color: #595959; margin: 30px 0;}
.news_cont{ padding: 20px;}


.m_head{display: none; }



.advantage {
	padding-top:52px
}

.advantage ul{
	padding-top:62px
}
.advantage li{
	padding-top: 40px;
	width: 100%;
	border-bottom: 1px dashed #999999;
	padding-bottom:40px
}
.advantage li:nth-child(1){
	padding-top: 0;
}
.advantage li p{
	/* width: 745px; */
	line-height: 29px;
	padding-left: 2px;
	padding-bottom: 40px;
	font-size: 16px;
	margin-top:26px;
}
.advantage li i{
	position: absolute;
	text-align: center;
}
.advantage li .ytext{
	width:50%
}
.advantage li .yimg{
	width:48%;
}
.advantage li img{
	max-width:100%;
	height:auto;
}



.item01 i:nth-child(1){
	width: 155px;
	height: 155px;
	text-align: center;
	line-height: 155px;
	border-radius: 50%;
	right: 0;
	top:13px;
}
.item01 i:nth-child(2){
	width: 177px;
	height: 177px;
	line-height: 177px;
	overflow: hidden;
	text-align: center;
	border: 6px solid #fff;
	border-radius: 50%;
	background: blue;
	right: 100px;
}
.item02 .i_title{
	position: absolute;
	right: 0;
}
.item02 p{
	padding-top: 102px;
	text-align: right;
	padding-bottom: 53px;
}
.item02 i span{
	position: absolute;
}
.item02 i:nth-child(1){
	/* width: 162px;
	height: 162px;
	left: 0;
	top:15px;
	z-index: 9; */
}
.item02 i:nth-child(1) span:nth-child(1){
	width: 81px;
	border-top: 41px solid #fff;
	border-left: 41px solid #fff;
	border-right: 41px solid rgba(255,255,255,0);
	border-bottom: 41px solid rgba(255,255,255,0);
	top:0;
	left: 0;
}
.item02 i:nth-child(1) span:nth-child(2){
	width: 81px;
	border-top: 41px solid rgba(255,255,255,0);
	border-right: 41px solid rgba(255,255,255,0);
	border-left: 41px solid rgba(255,255,255,0);
	border-bottom: 41px solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.item02 i:nth-child(1) span:nth-child(3){
	width: 81px;
	border-bottom: 41px solid #fff;
	border-left: 41px solid #fff;
	border-right: 41px solid rgba(255,255,255,0);
	border-top: 41px solid rgba(255,255,255,0);
	bottom: 0;
	left: 0;
}
.item02 i:nth-child(1) span:nth-child(4){
	width: 81px;
	border-bottom: 41px solid #fff;
	border-right: 41px solid #fff;
	border-left: 41px solid rgba(255,255,255,0);
	border-top: 41px solid rgba(255,255,255,0);
	bottom: 0;
	right: 0;
}
.item02 i:nth-child(2){
	/* width: 188px;
	height: 188px;
	left: 150px;
	top: -20px; */
}
.item02 i:nth-child(2) span:nth-child(1){
	width: 94px;
	border-top: 47px solid #fff;
	border-left: 47px solid #fff;
	border-right: 47px solid rgba(255,255,255,0);
	border-bottom: 47px solid rgba(255,255,255,0);
	top:0;
	left: 0;
}
.item02 i:nth-child(2) span:nth-child(2){
	width: 94px;
	border-top: 47px solid #fff;
	border-right: 47px solid #fff;
	border-left: 47px solid rgba(255,255,255,0);
	border-bottom: 47px solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.item02 i:nth-child(2) span:nth-child(3){
	width: 94px;
	border-bottom: 47px solid #fff;
	border-left: 47px solid #fff;
	border-right: 47px solid rgba(255,255,255,0);
	border-top: 47px solid rgba(255,255,255,0);
	bottom: 0;
	left: 0;
}
.item02 i:nth-child(2) span:nth-child(4){
	width: 94px;
	border-bottom: 47px solid #fff;
	border-right: 47px solid #fff;
	border-left: 47px solid rgba(255,255,255,0);
	border-top: 47px solid rgba(255,255,255,0);
	bottom: 0;
	right: 0;
}
.item03 i:nth-child(1){
	/* width: 194px;
	height: 194px;
	margin-left: 20px;
	top:0px;
	right: 137px; */
}
.item03 i span{
	position: absolute;
}
.item03 i:nth-child(1) span:nth-child(1){
	width: 50px;
	border-top: 29px solid #fff;
	border-left: 29px solid #fff;
	border-right: 29px solid rgba(255,255,255,0);
	border-bottom: 29px solid rgba(255,255,255,0);
	top:0;
	left: 0;
}
.item03 i:nth-child(1) span:nth-child(2){
	width: 50px;
	border-top: 29px solid #fff;
	border-right: 29px solid #fff;
	border-left: 29px solid rgba(255,255,255,0);
	border-bottom: 29px solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.item03 i:nth-child(1) span:nth-child(3){
	width: 50px;
	border-bottom: 29px solid #fff;
	border-left: 29px solid #fff;
	border-right: 29px solid rgba(255,255,255,0);
	border-top: 29px solid rgba(255,255,255,0);
	bottom: 0;
	left: 0;
}
.item03 i:nth-child(1) span:nth-child(4){
	width: 50px;
	border-bottom: 29px solid #fff;
	border-right: 29px solid #fff;
	border-left: 29px solid rgba(255,255,255,0);
	border-top: 29px solid rgba(255,255,255,0);
	bottom: 0;
	right: 0;
}
.item03 i:nth-child(2){
	width: 117px;
	height: 117px;
	top:32px;
	right: 0;
}
.item03 i:nth-child(2) span:nth-child(1){
	width: 35px;
	border-top: 18px solid #fff;
	border-left: 18px solid #fff;
	border-right: 18px solid rgba(255,255,255,0);
	border-bottom: 18px solid rgba(255,255,255,0);
	top:0;
	left: 0;
}
.item03 i:nth-child(2) span:nth-child(2){
	width: 35px;
	border-top: 18px solid #fff;
	border-right: 18px solid #fff;
	border-left: 18px solid rgba(255,255,255,0);
	border-bottom: 18px solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.item03 i:nth-child(2) span:nth-child(3){
	width: 35px;
	border-bottom: 18px solid #fff;
	border-left: 18px solid #fff;
	border-right: 18px solid rgba(255,255,255,0);
	border-top: 18px solid rgba(255,255,255,0);
	bottom: 0;
	left: 0;
}
.item03 i:nth-child(2) span:nth-child(4){
	width: 35px;
	border-bottom: 18px solid #fff;
	border-right: 18px solid #fff;
	border-left: 18px solid rgba(255,255,255,0);
	border-top: 18px solid rgba(255,255,255,0);
	bottom: 0;
	right: 0;
}
.item04 .fr p{
	margin-bottom: 15px;
}

.item04 .fl i{
	/* position: absolute;
	width: 594px;
	height: 188px;
	left: 0;
	top: 5px; */
}
.item04 i span{
	position: absolute;
}
.item04 i:nth-child(1) span:nth-child(1){
	width: 52px;
	border-bottom: 26px solid #fff;
	border-left: 26px solid #fff;
	border-right: 26px solid rgba(255,255,255,0);
	border-top: 26px solid rgba(255,255,255,0);
	left: 0;
	top:136px;
}
.item04 i:nth-child(1) span:nth-child(2){
	width: 52px;
	border-top: 26px solid #fff;
	border-right: 26px solid #fff;
	border-left: 26px solid rgba(255,255,255,0);
	border-bottom: 26px solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.item05 .list{
	line-height: 30px;
	background: url('../images/good_icon.png') no-repeat left center;
	padding-left: 30px;
}
.item05 i{
	position: absolute;
	top:35px;
}
.item05 i:nth-child(1){
	width: 218px;
	height: 152px;
	right: 420px;
}
.item05 i:nth-child(2){
	width: 218px;
	height: 152px;
	right: 0px;
}
.item05 i:nth-child(3){
	width: 307px;
	height: 220px;
	padding: 20px;
	background:url('../images/good_10bg.png') no-repeat center;
	right: 166px;
	top:0;
}
.advantage li.item05 {
	border-bottom: none;
}
.fl{float: left;}
.fr{float: right;}
.r{position: relative;}
.i_title span:nth-child(1){
	display: inline-block;
	width: 101px;
	height: 101px;
	padding-top: 25px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	font-family: 'Arial';
	color: #fff;
	background: url('../images/icon_bg.png') no-repeat;
}
.i_title span:nth-child(2){
	display: inline-block;
	vertical-align: top;
	height: 54px;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	color: #0b418e;
}
.i_title span:nth-child(3){
	position: absolute;
	bottom: 20px;
	left: 105px;
	background: #f9b014;
	height: 27px;
	border-radius: 13px;
	font-size: 16px;
	color: #fff;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 27px;
}
.title{
	width: 100%;
	padding-top: 69px;
	padding-bottom: 20px;
	text-align: center;
}
.title span{
	display: inline-block;
	width: 100%;
}
.title .ch{
	height: 50px;
	line-height: 50px;
	font-size: 36px;
	font-weight: bold;
}
.title .en{
	height: 26px;
	line-height: 26px;
	font-size: 25px;
	font-variant: small-caps;
	letter-spacing: 1px;
}
@media only screen and (max-width: 1500px){

	.nav .nav_ul{  float: right;}
	.nav .nav_tel{ display: none!important;}
	.nav .nav_ul > li > a{ padding: 0 15px;}
	.banner {
    position: relative;
    /* margin: 89px 0 0; */
    z-index: 1;
}
}
@media(max-width:1390px){
    .nav .nav_ul > li > a{
        font-size:16px;
    }
    .nav .nav_ul{
        margin-left:5%;
        width: calc(100% - 16% - 100px);
    }
}

@media only screen and (max-width: 1024px){
	.black1_tit .gd{
		position: relative;
		top:0;
		left:0;
		margin-top:30px;
	}
	.black1_tit .gd a{
		margin: 0 10px 10px 0px;
	}
	.w1200 { max-width:90%; margin: 0 auto; width:90%;}
	.top{ display: none;}
	.nav{ display: none;}
	.top span{ color: #fff; line-height: 40px; float: right; padding: 0 0 0 30px; }
	.top .top_span1{ background: url(../images/top1.png) no-repeat left center;   background-size: 24px; margin: 0 0 0 10px;}
	.top .top_span2{ background: url(../images/top2.png) no-repeat left center;   background-size: 20px; }
	
	.m_head{ display: block;    background: #fff;    padding: 20px 5%;  z-index: 999;    border-bottom: 1px solid #ababab; position: fixed; width: 100%; top: 0; }
	.m_head .logo { float:left; width: 70%;}
	.m_head .logo img { }
	.m_head .num1 { float: right;}
	.m_head .num1 img{ height: 20px; margin: 14px 0 0; }
	
	.m_nav{position: fixed; right:100%; top: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99999;}
	.m_nav.on{position: absolute; right:0%; top: 0;}
	.m_nav .m_ul{ width: 80%; background:  hsla(0,0%,0%,0.8); float: right; position: relative;}
	.m_nav .m_ul li{border-bottom: 1px solid #232530;}
	.m_nav .m_ul li a{    display: block;    height: 45px;    color: #fff;    line-height: 45px;    padding-left: 5%;    font-size: 16px;}
	.m_nav .close{ position: absolute; top: 20px; left:20px;}
	.m_nav .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; }
	
	.m_nav ul.m_ul > li ul.ul_too{ display: none; width: 80%; float: right;}
	.m_nav ul.m_ul > li ul.ul_too li{  }
	.m_nav ul.m_ul > li ul.ul_too li a{ }
	
	.m_nav ul.m_ul > li.gd{    background: url(../images/7_15.png) 95% 15px no-repeat;}

	
	.black0_cont{ margin: 0; }
	.black0_left{ width: 100%; padding: 0px 0px 30px 0px;}
	.black0_right{ width: 100%; }		
	.black0 ul{padding: 20px 20px ;}
	.black0 ul li{ width: 50%; padding: 20px 0; }

	.black1 ul li{ width: calc((100% - 30px) / 2); float: left; margin: 0 20px 30px 0; border: 1px solid #ccc; overflow: hidden;}
	.black1 ul li:nth-child(2n){ margin:0 0 30px 0; }

	.black3 .black3_left{ width: 100%; display: inline-block;}
	.black3 ul{  width: 100%; margin: 30px 0 0;}

	.black4_tit > p{  width: 100%;  }
	.black4_left{ width: 100%; float: left; position: relative;  }
	.black4_left .black4_li{ padding: 10px 0; }
	.black4_right{ float: right; width: 100%; margin: 30px 0 0; }

	.footer .foot1{ width: 100%; float: left; display: none;}
	.footer .foot2{width: 100%; float: left;  margin: 0 0 0 0%;}
	.footer .foot3 { width: 100%;float: left; display: none;}

	.dq .w1200 > a::after{ display: none; }
	.dq .w1200 > a:hover::after{     content: "";    display: none; width: 80%; height:3px; position: absolute; bottom: -30px; left: 10%; background: #0b418e;    }
	.dq .w1200 > a::before{  content: "";  display: none; width: 1px; height: 20px; position: absolute; top: calc(50% - 10px); left:0%; background: #ccc;   }

	.dq{ padding: 10px 0;}
	.dq .w1200{ padding: 10px 0;     background: #f1f1f1;}
	.dq .w1200 > a{ width: 50%; display: block; text-align: center; background: #f1f1f1; line-height: 42px; border-right: none; float: left;}
	.dq .wz{display: none!important;}
	.dq .w1200 > a::after{content:""!important;display: none; }
	.dq .w1200 > a.en::after{content:""!important;display: none; }

.page-index{ display: none!important; }
.page-last{ display: none!important; }
.page a{margin: 0 2px;}

	.about_list{     padding: 0px; }
	.about_list li{ width: calc((100% - 10px) / 2); float: left;  margin: 0 10px 20px 0;}
	.about_list li:nth-child(2n){ margin:  0 0px 20px 0;}

	.pro .dq{display: none;}

	.pro_left ul:nth-child(2){ display: none; }
	.pro_right ul{ padding: 0; }

		.pro_top {    background: #fff;    padding:0px;}
	.pro_img{ width: 100%;}
	.pro_tit{ width: 100%; margin: 50px 00 0;}

	.slideBox { height: auto; }

	.news .news_list li{  width: calc((100% - 0px) / 1 ); float: left;  margin: 0 0px 50px 0; }
.news .news_list li:nth-child(1n){ margin: 0 0 50px 0;}
.news .news_list li .img2{ display: block;}
.job_list{ padding:  0; }


.contact .w1200 ul li{ float:left; width: calc( 100% / 1); text-align: center;  margin: 10px 0;}
.advantage li .ytext{
	width:100%
}
.advantage li .yimg{
	width:100%;
}
.item02 .i_title{
	left:0;
	right:auto
}
.item02 p{
	text-align: left;
}
}


@media only screen and (max-width: 768px){
	.w1200 { max-width:90%; margin: 0 auto; width:90%;}
	.top{ display: none;}
	.nav{ display: none;}
	.top span{ color: #fff; line-height: 40px; float: right; padding: 0 0 0 30px; }
	.top .top_span1{ background: url(../images/top1.png) no-repeat left center;   background-size: 24px; margin: 0 0 0 10px;}
	.top .top_span2{ background: url(../images/top2.png) no-repeat left center;   background-size: 20px; }
	
	.m_head{ display: block;    background: #fff;    padding: 20px 5%;  z-index: 9999;    border-bottom: 1px solid #ababab; height:90px;box-sizing:border-box;}
	.m_head .logo { float:left; width: 70%;}
	.m_head .logo img { }
	.m_head .num { float: right;}
	.m_head .num img{ height: 20px; margin: 14px 0 0; }
	.banner{margin-top:30px;}
	.m_nav{position: fixed; right:100%; top: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99999;}
	.m_nav.on{position: absolute; right:0%; top: 0;}
	.m_nav .m_ul{ width: 80%; background:  hsla(0,0%,0%,0.8); float: right; position: relative;}
	.m_nav .m_ul li{border-bottom: 1px solid #232530;}
	.m_nav .m_ul li a{    display: block;    height: 45px;    color: #fff;    line-height: 45px;    padding-left: 5%;    font-size: 16px;}
	.m_nav .close{ position: absolute; top: 20px; left:20px;}
	.m_nav .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; }
	
	.m_nav ul.m_ul > li ul.ul_too{ display: none; width: 80%; float: right;}
	.m_nav ul.m_ul > li ul.ul_too li{  }
	.m_nav ul.m_ul > li ul.ul_too li a{ }
	
	.m_nav ul.m_ul > li.gd{    background: url(../images/7_15.png) 95% 15px no-repeat;}
	
	.banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size:16px;    font-weight: bold}
	.banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #0b418e;    }
	.banner_sy h4{ position: absolute; top: calc(32% + 30px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 14px;   font-weight: 100;}
	.banner_sy a{ position: absolute; top: calc(32% + 40px) ;left: 0;  display: none;    font-size: 12px;    background-color: #0b418e;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}
	
	.banner h2{font-size: 24px;}
	.banner h2:after{top: 40px;}
	
	


	
	.footer ul{ display: none;}
	.footer_right{ width: 100%; border: none; padding:50px 0 0;}
	.footer_right .ewm{}
	.link{ display: none;}
	

	
	.about_cont2{ padding: 50px 30px; text-align: center;}
	.about .about_left{ width: 100%; }
	.about .about_right{ width: 100%; padding: 100px 20px;}
	

    
	
	.news_txt {    padding: 0px 0 0px 00px;    width: calc(100% - 100px);}
	.news_txt::after{ display: none;}
	
	.news_list li{ padding: 20px; background: #fff; width: calc(100%); margin: 0 0px 30px 0; float: left;}
	.news_list li:nth-child(3n){ margin: 0 0px 30px 0; }
	.news_conts{padding: 10px; }
	.news_conts h2{line-height: 36px; padding: 10px 0;}
	.news_t span{ display:block ;}
	.sx{ margin: 80px 0 30px; border-bottom: 1px #ccc solid; line-height: 24px;}
	.sx a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block; float: left!important; width: 90%; margin: 0 auto;display: block;}
	
	.pro_left{ width: 100%; }
	.pro_right{ width: 100%; margin: 50px 0 0; }
	.pro_right .pro_dq{ display: none;}
	
	.pro_right ul li{ float: left; width: calc((100% - 34px) / 2); margin: 0 30px 30px 0; }
	.pro_right ul li:nth-child(2n){ margin: 0 0 30px 0;}
	.pro_right ul li:nth-child(2n-1){ margin: 0 30px 30px 0;}
	
	.pro_right1{ width: 100%; margin: 50px 0 0; }
	.pro_right1 .pro_dq{ display: none;}
	

	
	.job_list ul li{float: left; line-height: 60px; font-size: 16px; text-indent: 10px;}
	.job_list ul li.name{ width:35%;}
	.job_list ul li.add{width: 20%; display: none;}
	.job_list ul li.time{width: 45%;}
	.job_list ul li.daiyu{width: 20%; color: #CB0003; font-weight: bold;}
	.job_list ul li.gengduo{width: 15%; background: url(../images/plus.png) no-repeat right center; color: #666666; cursor: pointer; display: none}
	.job_list .job_cont1 > p{ width: 100%; float: left; display: table; line-height: 32px;}
	
	.contact_left{ width: 100%;  }
	.contact_right{ width: 100%;}
	.contact_txt {    padding: 20px 40px 55px 0px;}
	
	/* .foot a{ display: none;} */
}

.t2 select{
	display: none;
}